// Element 类型  表示 XML 或 HTML 元素
/* 
  特征：
    nodeType 等于 1
    nodeName 值为元素的标签名
    nodeValue 值为 null
    parentNode 值为 Document 或 Element 对象
    可以通过 nodeName 或 tagName 属性来获取元素的标签名。 这两个属性返回同样的值
*/
// 例：<div id="myDiv"> </div>

let div = document.getElementById('myDiv');
console.log(div.tagName); // 'DIV'   注： 在 HTML 中，元素标签始终以全大写表示
console.log(div.tagName = div.nodeName); // true

/* 
HTML 元素
  所有 HTML 元素都通过 HTMLElement 类型表示，包括其直接实例和间接实例。另外，HTMLElement 直接继承 Element 并增加了一些属性。 每个属性都对应下列属性之一，它们是所有 HTML 元素上都有的标准属性：
    id, 元素在文档中的唯一标识符
    title, 包含元素的额外信息，通常以提示条形式展示
    lang,元素内容的语言代码（很少用）
    dir,语言的书写方向（"ltr"表示从左到右，"rtl"表示从右到左，同样很少用）
    className,相当于 class 属性，用于指定元素的 CSS 类（因为 class 是 ECMAScript 关键字，所以不能直接用这个名字）
所有这些都可以用来获取对应的属性值，也可以用来修改相应的值。
*/

let div = document.getElementById('myDiv');

console.log(div.getAttribute('id')); // 'myDiv'
//  注意： 属性名不区分大小写
div.getAttribute(); // 获取属性，也能获取到 自定义属性
div.setAttribute('id', 'yourDiv'); // 设置属性  能添加自定义属性 （如果属性已经存在，那么会以指定的值替换原来的值）
div.removeAttribute('id');  // 不是清除这个属性的值，而是直接从元素中删除这个属性
